<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/tianmao.css"/>
	</head>
	<body>
		<div class="wrap">
			<!-- 顶部搜索栏 -->
			<div class="search">
				<div class="search_cent">
					<img src="img/search01.png"/>
					<div class="search_cent_input">
						<input type="text" placeholder="搜索&nbsp;天猫&nbsp;商品/品牌/店铺"/>
					</div>
					<a href="">搜&nbsp;索</a>
				</div>
			</div>
			
			<!-- 头部导航栏 -->
			<div class="navigation">
				<div class="navi_cent">
					<div class="navi_cent_left">
						<span>喵，欢迎来天猫</span>
						<span><a href="">请登录</a></span>
						<span><a href="">免费注册</a></span>
					</div>
					<div class="navi_cent_right">
						<ul class="navi_right_ul1">
							<li class="navi_right_li1"><a href="" class="right_li1_a">我的淘宝</a>
								<span class="navi_li1_span1"></span>
								<ul class="right_li1_ul">
									<li class="li1_ul_li1"><a href="">已买到的宝贝</a></li>
									<li class="li1_ul_li2"><a href="">已卖出的宝贝</a></li>
								</ul>
							</li>
							
							<li class="navi_right_li2">
								<img src="img/navigation01.png"/>
								<a href="">我关注的品牌</a>
							</li>
							
							<li class="navi_right_li3">
								<img src="img/navigation02.png"/>
								<a href="">购物车<span>0</span>件</a>
							</li>
							
							<li class="navi_right_li4"><a href="" class="right_li4_a">收藏夹</a>
								<span class="navi_li4_span1"></span>
								<ul class="right_li4_ul">
									<li class="li4_ul_li1"><a href="">收藏的宝贝</a></li>
									<li class="li4_ul_li2"><a href="">收藏的店铺</a></li>
								</ul>
							</li>
							<li class="navi_right_li5"></li>
							
							<li class="navi_right_li6">
								<img src="img/navigation03.png"/>
								<a href="">手机版</a>
								<ul class="right_li6_ul">
									<span class="li6_ul_span1"></span>
									<li><img src="img/navigation05.png"/ class="right_li6_img1"></li>
									<li><img src="img/navigation06.png"/ class="right_li6_img2"></li>
								</ul>
							</li>
							
							<li class="navi_right_li7"><a href="">淘宝网</a></li>
							
							<li class="navi_right_li8"><a href="">商家支持</a>
								<span class="navi_li8_span1"></span>
								<ul class="right_li8_ul">
									<p>商家：</p>
									<li class="li8_ul_li2"><a href="">商家中心</a></li>
									<li class="li8_ul_li2"><a href="">天猫规则</a></li>
									<li class="li8_ul_li2"><a href="">商家入驻</a></li>
									<li class="li8_ul_li2"><a href="">运营服务</a></li>
									<li class="li8_ul_li2"><a href="">商家品控</a></li>
									<li class="li8_ul_li2"><a href="">商家工具</a></li>
									<li class="li8_ul_li2"><a href="">天猫智库</a></li>
									<li class="li8_ul_li2"><a href="">喵言喵语</a></li>
									<span class="navi_li8_span2"></span>
									<p>帮助：</p>
									<li class="li8_ul_li3"><a href="">帮助中心</a></li>
									<li class="li8_ul_li3"><a href="">问商友</a></li>
									<span class="navi_li8_span3"></span>
								</ul>
							</li>
							
							<li class="navi_right_li9">
								<img src="img/navigation04.png" class="navi_li9_img1"/>
								<a href="">网站导航</a>
								<span class="navi_li9_span1"></span>
								<ul class="right_li9_ul">
									<ul class="right_li9_ul1">
										<p class="li9_ul_p1">
											热点推荐
											<span class="li9_ul_span2">Hot</span>
										</p>
										<li class="li9_ul_li2"><a href="">天猫超市</a></li>
										<li class="li9_ul_li2"><a href="">喵鲜生</a></li>
										<li class="li9_ul_li2"><a href="">科技新品</a></li>
										<li class="li9_ul_li2"><a href="">女装新品</a></li>
										<li class="li9_ul_li2"><a href="">酷玩街</a></li>
										<li class="li9_ul_li2"><a href="">内衣新品</a></li>
										<li class="li9_ul_li2"><a href="">试美妆</a></li>
										<li class="li9_ul_li2"><a href="">运动新品</a></li>
										<li class="li9_ul_li2"><a href="">时尚先生</a></li>
										<li class="li9_ul_li2"><a href="">精明妈咪</a></li>
										<li class="li9_ul_li2"><a href="">吃乐会</a></li>
										<li class="li9_ul_li2"><a href="">企业采购</a></li>
										<li class="li9_ul_li2"><a href="">会员积分</a></li>
										<li class="li9_ul_li2"><a href="">天猫国际</a></li>
										<li class="li9_ul_li2"><a href="">品质频道</a></li>
										<span class="li9_ul_span3"></span>
									</ul>
									<ul class="right_li9_ul2">
										<p class="li9_ul2_p1">
											行业市场
											<span class="li9_ul2_span2">Market</span>
										</p>
										<li class="li9_ul2_li"><a href="">美妆</a></li>
										<li class="li9_ul2_li"><a href="">电器</a></li>
										<li class="li9_ul2_li"><a href="">女装</a></li>
										<li class="li9_ul2_li"><a href="">男装</a></li>
										<li class="li9_ul2_li"><a href="">女鞋</a></li>
										<li class="li9_ul2_li"><a href="">男鞋</a></li>
										<li class="li9_ul2_li"><a href="">内衣</a></li>
										<li class="li9_ul2_li"><a href="">箱包</a></li>
										<li class="li9_ul2_li"><a href="">运动</a></li>
										<li class="li9_ul2_li"><a href="">母婴</a></li>
										<li class="li9_ul2_li"><a href="">家装</a></li>
										<li class="li9_ul2_li"><a href="">医药</a></li>
										<li class="li9_ul2_li"><a href="">食品</a></li>
										<li class="li9_ul2_li"><a href="">配饰</a></li>
										<li class="li9_ul2_li"><a href="">汽车</a></li>
										<span class="li9_ul2_span3"></span>
									</ul>
									<ul class="right_li9_ul3">
										<p class="li9_ul3_p1">
											品牌风尚
											<span class="li9_ul3_span2">Brand</span>
										</p>
										<li class="li9_ul3_li"><a href="">尚天猫</a></li>
										<li class="li9_ul3_li"><a href="">大牌街</a></li>
										<li class="li9_ul3_li"><a href="">潮牌街</a></li>
										<li class="li9_ul3_li"><a href="">天猫原创</a></li>
										<li class="li9_ul3_li"><a href="">什么牌子好</a></li>
										<span class="li9_ul3_span3"></span>
									</ul>
									<ul class="right_li9_ul4">
										<p class="li9_ul4_p1">
											服务指南
											<span class="li9_ul4_span2">Help</span>
										</p>
										<li class="li9_ul4_li"><a href="">帮助中心</a></li>
										<li class="li9_ul4_li"><a href="">品质保障</a></li>
										<li class="li9_ul4_li"><a href="">特色服务</a></li>
										<li class="li9_ul4_li"><a href="">7天退换货</a></li>
									</ul>
									<img src="img/navigation08.png" class="right_li9_img1"/>
									<img src="img/navigation08.png" class="right_li9_img2"/>
									<img src="img/navigation08.png" class="right_li9_img3"/>
									<img src="img/navigation08.png" class="right_li9_img4"/>
									<img src="img/navigation08.png" class="right_li9_img5"/>
									<img src="img/navigation08.png" class="right_li9_img6"/>
									<img src="img/navigation09.png" class="right_li9_img7"/>
									<img src="img/navigation09.png" class="right_li9_img8"/>
									<img src="img/navigation09.png" class="right_li9_img9"/>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 搜索栏 -->
			<div class="search_two">
				<div class="search_two_cent">
					<div class="seartwo_cent_left">
						<img src="img/search01.gif"/>
					</div>
					<div class="seartwo_cent_right">
						<div class="seartwo_right_top">
							<input type="text" placeholder="搜索&nbsp天猫&nbsp商品/品牌/店铺" class="seartwo_top_inp"/>
							<button class="seartwo_top_butn"><a href="">搜索</a></button>
						</div>
						<div class="seartwo_right_bottom">
							<ul class="seartwo_bottom_ul1">
								<li><a href="" class="search_ul1_a1">牛仔裤</a></li>
								<li><a href="">外套</a></li>
								<li><a href="">四件套</a></li>
								<li><a href="" class="search_ul1_a4">天猫精灵</a></li>
								<li><a href="">客厅灯</a></li>
								<li><a href="">保湿水</a></li>
								<li><a href="" class="search_ul1_a7">大闸蟹</a></li>
								<li><a href="">小白鞋</a></li>
								<li><a href="" class="search_ul1_a9">牛奶</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 商品分类 -->
			<div class="classify">
				<div class="classify_cent">
					<div class="clfy_cent_left">
						<img src="img/classify03.png"/>
						<span>商品分类</span>
					</div>
					<div class="clfy_cent_right">
						<ul class="clfy_right_ul">
							<li><a href=""><img src="img/classify01.png"/></a></li>
							<li><a href=""><img src="img/classify02.png"/></a></li>
							<li class="clfy_ul_li2"><a href="">天猫会员</a></li>
							<li class="clfy_ul_li2"><a href="">电器城</a></li>
							<li class="clfy_ul_li2"><a href="">喵鲜生</a></li>
							<li class="clfy_ul_li2"><a href="">医药馆</a></li>
							<li class="clfy_ul_li2"><a href="">营业厅</a></li>
							<li class="clfy_ul_li2"><a href="">魅力惠</a></li>
							<li class="clfy_ul_li2"><a href="">飞猪旅行</a></li>
							<li class="clfy_ul_li2"><a href="">苏宁易购</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 轮播 -->
			<div class="photo">
				<div class="photo_cent">
					<ul class="photo_cent_ul1">
						<li>
							<a href="">
								<img src="img/lunbo01.webp" class="photo_ul1_img1"/>
							</a>
							<a href="" class="photo_img2_a">
								<img src="img/lunbo01_1.webp" class="photo_ul1_img2"/>
							</a>
							<a href="" class="photo_img3_a">
								<img src="img/lunbo01_2.webp" class="photo_ul1_img3"/>
							</a>
						</li>
						
						<li><a href=""><img src="img/lunbo02.jpg" class="photo_ul1_img1"/></a></li>
						
						<li>
							<a href="">
								<img src="img/lunbo03.jpg" class="photo_ul1_img1" />
							</a>
							<a href="" class="photo_img2_a">
								<img src="img/lunbo03_1.webp" class="photo_ul1_img2"/>
							</a>
							<a href="" class="photo_img3_a">
								<img src="img/lunbo03_2.webp" class="photo_ul1_img3"/>
							</a>
						</li>
						<li><a href=""><img src="img/lunbo04.webp" class="photo_ul1_img1"/></a></li>
						
						<li>
							<a href="">
								<img src="img/lunbo05.jpg" class="photo_ul1_img1"/>
							</a>
							<a href="" class="photo_img2_a">
								<img src="img/lunbo05_1.webp" class="photo_ul1_img2"/>
							</a>
							<a href="" class="photo_img3_a">
								<img src="img/lunbo05_2.webp" class="photo_ul1_img3"/>
							</a>
						</li>
						
						<li>
							<a href="">
								<img src="img/lunbo06.webp" class="photo_ul1_img1"/>
							</a>
							<a href="" class="photo_img2_a">
								<img src="img/lunbo06_1.jpg_.webp" class="photo_ul1_img2"/>
							</a>
							<a href="" class="photo_img3_a">
								<img src="img/lunbo06_2.jpg_.webp" class="photo_ul1_img3"/>
							</a>
						</li>
					</ul>
					<div class="btn">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
					<div class="photo_cent_left">
						<ul class="photo_left_ul1">
							<li class="phleft_ul1_li1">
								<a href="">女装/内衣</a>
								<ul class="phul1_li1_ul1">
									<li><img src="img/lunbo1.png"/></li>
								</ul>
							</li>
							<li class="phleft_ul1_li2"><a href="">男装/运动户外</a></li>
							<li class="phleft_ul1_li3"><a href="">女鞋/男鞋/箱包</a></li>
							<li class="phleft_ul1_li4"><a href="">美妆/个人护理</a></li>
							<li class="phleft_ul1_li5"><a href="">腕表/眼镜/珠宝饰品</a></li>
							<li class="phleft_ul1_li6"><a href="">手机/数码/电脑办公</a></li>
							<li class="phleft_ul1_li7"><a href="">母婴玩具</a></li>
							<li class="phleft_ul1_li8"><a href="">零食/茶酒/进口食品</a></li>
							<li class="phleft_ul1_li9"><a href="">生鲜水果</a></li>
							<li class="phleft_ul1_li10"><a href="">大家电/生活电器</a></li>
							<li class="phleft_ul1_li11"><a href="">家居建材</a></li>
							<li class="phleft_ul1_li12"><a href="">汽车/配件/用品</a></li>
							<li class="phleft_ul1_li13"><a href="">家纺/家饰/鲜花</a></li>
							<li class="phleft_ul1_li14"><a href="">医药保健</a></li>
							<li class="phleft_ul1_li15"><a href="">厨房/收纳/宠物</a></li>
							<li class="phleft_ul1_li16"><a href="">图书音像</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 品牌闪购 -->
			<div class="qukbuy">
				<div class="qukbuy_cent">
					<div class="qukbut_cent_box1">
						<div class="qukbuy_box1_top">
							<span class="qkb_top_span1">品牌闪购</span>
							<span class="qkb_top_span2">BRAND SALE</span>
							<img src="img/ppsg2.png"/>
						</div>
						<div class="qukbuy_box1_bottom">
							<img src="img/ppsg1.jpg_.webp"/>
						</div>
					</div>
					<div class="qukbut_cent_box2">
						<div class="qukbuy_box2_top">
							<span class="qkb_top_span1">品牌闪购</span>
							<span class="qkb_top_span2">BRAND SALE</span>
							<span class="qkb_top_span3">更多</span>
							<img src="img/ppsg2.png"/>
						</div>
						<div class="qukbuy_box2_bottom">
							<img src="img/jmp.jpg_.webp"/>
						</div>
					</div>
					<div class="qukbut_cent_box3">
						<div class="qukbuy_box2_top">
							<span class="qkb_top_span1">品牌闪购</span>
							<span class="qkb_top_span2">BRAND SALE</span>
							<span class="qkb_top_span3">更多</span>
							<img src="img/ppsg2.png"/>
						</div>
						<div class="qukbuy_box2_bottom">
							<img src="img/jmp.jpg_.webp"/>
						</div>
					</div>
				</div>
			</div>
			<!-- 品牌 -->
			<div class="pinpai">
				<div class="pinpai_cent">
					<div class="pinpai_cent_top">
						<ul class="pinpai_top_ul1">
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
						</ul>
						<ul class="pinpai_top_ul1">
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
						</ul>
						<ul class="pinpai_top_ul1">
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
							<li class="pinpai_top_li1">
								<img src="img/pinpai2.jpg_.webp"/>
								<span class="pinpai_tli1_span1">
									<p>优惠卷</p>
									<p>点击进入</p>
								</span>
							</li>
						</ul>
					</div>
					<div class="pinpai_cent_bottom"></div>
				</div>
			</div>
			<!-- 天猫超市 -->
			<div class="supmarket">
				<div class="supmarket_cent">
					<div class="supmk_cent_top">
						<img src="img/tmcs1.png"/>
						<ul class="supmk_top_ul1">
							<li><a href="">进口食品</a></li>
							<li><a href="">食品饮料</a></li>
							<li><a href="">粮油副食</a></li>
							<li><a href="">美容洗护</a></li>
							<li><a href="">家居家电</a></li>
							<li><a href="">家庭清洁</a></li>
							<li><a href="">母婴用品</a></li>
							<li><a href="">生鲜水果</a></li>
						</ul>
					</div>
					<div class="supmk_cent_bottom">
						<div class="supmk_botm_left">
							<img src="img/tmcs2.png"/>
							<span class="supmk_left_span1">韩国进口</span>
							<span class="supmk_left_span2">天猫专享进口水果季</span>
							<img src="img/ppsg2.png"/ class="supmk_left_img2">
						</div>
						<div class="supmk_botm_right">
							<div class="supmk_right_box1">
								<div class="supmk_rbx1_box">
									<span class="supmk_rbx1_span1">今日疯抢</span>
									<span class="supmk_rbx1_span2">量贩装</span>
									<img src="img/fq.png"/ class="supmk_rbx1_img1">
									<img src="img/lfz1.png" class="supmk_rbx1_img2"/>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">			
			var aPhoto = document.querySelector('.photo');
			var aSpan = document.querySelectorAll('.btn span');
			var aImg = document.querySelectorAll('.photo_cent_ul1 li');
			var bSpan = document.querySelector('.supmk_rbx1_span1');
			var cSpan = document.querySelector('.supmk_rbx1_span2');
			var bImg = document.querySelector('.supmk_rbx1_img1');
			var cImg = document.querySelector('.supmk_rbx1_img2');
			
			var n = 0;
			var timer = null;
			
			aImg[0].style.display = 'block';
			aSpan[0].style.background = '#fff';
			aSpan[0].style.opacity = '.6';
			
			var color = ['#00D7AF','#e8e8e8','#1C1737','#A80149','#E8E8E8','#FD2400'];
			
			for(var i=0;i<aImg.length;i++){
				aSpan[i].index = i;
				aSpan[i].onmouseover = function(){
//					for(var i=0;i<aImg.length;i++){
//						aImg[i].style.display = 'none';
//						aSpan[i].style.background = '#000';
//						aSpan[i].style.opacity = '.3';
//						aPhoto.style.background = '';
//					}
//					aImg[this.index].style.display = 'block';
//					aSpan[this.index].style.background = '#fff';
//					aSpan[this.index].style.opacity = '.6';
//					aPhoto.style.background = color[this.index];
					n = this.index;
					init();
				}
			}
			
			aPhoto.onmouseover = function(){
				clearInterval(timer);
			}
			aPhoto.onmouseout = function(){
				autoplay();
			}
			
			function init() {
				for(var i=0;i<aImg.length;i++){
						aImg[i].style.display = 'none';
						aSpan[i].style.background = '#000';
						aSpan[i].style.opacity = '.3';
						aPhoto.style.background = '';
					}
					aImg[n].style.display = 'block';
					aSpan[n].style.background = '#fff';
					aSpan[n].style.opacity = '.6';
					aPhoto.style.background = color[n];
			}
			
			function autoplay(){
				timer = setInterval(function(){
					n++;
					if(n > aImg.length - 1) {
						n = 0;
					}
					init();
				}, 5000);
			}
			autoplay();
			
				bSpan.onmouseover = function(){
					bSpan.style.background = '#00B262';
					cSpan.style.background = '#F2F2F2';
					bImg.style.display = 'block';
					cImg.style.display = 'none';
				}
			
				cSpan.onmouseover = function(){
					bSpan.style.background = '#F2F2F2';
					cSpan.style.background = '#00B262';
					bImg.style.display = 'none';
					cImg.style.display = 'block';
				}
			
			
		</script>
	</body>
</html>
